<template>
    <tree-table
        class="tree"
        :data="items"
        :columns="columns"
        :show-index="true"
        index-text="#"
        :selection-type="false"
        :expand-type="false"
        border
      >
        <!-- 是否有效 -->
        <template slot="isok" slot-scope="scope">
          <div>{{ scope.row.ymorgtreecode }}</div>
        </template>
        <!-- 排序 -->
        <template slot="order" slot-scope="scope">
          <a-tag size="mini" color="blue" v-if="scope.row.cat_level === 0"
            >一级</a-tag
          >
          <a-tag
            type="success"
            size="mini"
            color="green"
            v-else-if="scope.row.cat_level === 1"
            >二级</a-tag
          >
          <a-tag type="warning" color="pink" size="mini" v-else>三级</a-tag>
        </template>
        <!-- 操作 -->
        <template slot="opt" slot-scope="scope">
          <a-button
            class="btn"
            type="primary"
            icon="diff"
            @click="changed(scope.row)"
            >修改</a-button
          >
          <a-button class="btn" type="danger" icon="delete" @click="showModal(scope.row)"
            >删除</a-button
          >
        </template>
        <!-- 分页区域 -->
      </tree-table>
</template>

<script>
export default {
  name:"Tree",
  props: {
      columns:{
          type:Array,
      },
      items:{
          type:Array,
      }
  },
    methods: {
      changed(row){
          console.log(1)
          this.$emit("watchChild",row);
      },
      showModal(row){
          console.log(2)
           this.$emit("revmo",row);
      }
  },
//   data(){
//       return{
//     // 表格插件的数据绑定
//       columns: [
//         {
//           label: "分类名称",
//           prop: "cat_name",
//           align: "center",
//         },
//         {
//           label: "编号",
//           type: "template",
//           template: "isok",
//           align: "center",
//         },
//         {
//           label: "排序",
//           type: "template",
//           template: "order",
//           align: "center",
//         },
//         {
//           label: "操作",
//           type: "template",
//           template: "opt",
//           align: "center",
//         },
//       ],
//       items: [
//         {
//           cat_id: 406,
//           cat_name: "专业班级",
//           cat_pid: 0,
//           cat_level: 0,
//           cat_deleted: false,
//           children: [
//             {
//               cat_id: 411,
//               cat_name: "生活用纸",
//               cat_pid: 406,
//               cat_level: 1,
//               cat_deleted: false,
//               children: [
//                 {
//                   cat_id: 421,
//                   cat_name: "手帕纸",
//                   cat_pid: 411,
//                   cat_level: 2,
//                   cat_deleted: false,
//                 },
//               ],
//             },
//             {
//               cat_id: 419,
//               cat_name: "家庭清洁",
//               cat_pid: 406,
//               cat_level: 1,
//               cat_deleted: false,
//               children: [
//                 {
//                   cat_id: 434,
//                   cat_name: "保鲜袋",
//                   cat_pid: 419,
//                   cat_level: 2,
//                   cat_deleted: false,
//                 },
//                 {
//                   cat_id: 435,
//                   cat_name: "保鲜膜",
//                   cat_pid: 419,
//                   cat_level: 2,
//                   cat_deleted: false,
//                 },
//                 {
//                   cat_id: 436,
//                   cat_name: "擦玻璃器",
//                   cat_pid: 419,
//                   cat_level: 2,
//                   cat_deleted: false,
//                 },
//               ],
//             },
//             {
//               cat_id: 427,
//               cat_name: "生活日用",
//               cat_pid: 406,
//               cat_level: 1,
//               cat_deleted: false,
//               children: [
//                 {
//                   cat_id: 444,
//                   cat_name: "净化除味",
//                   cat_pid: 427,
//                   cat_level: 2,
//                   cat_deleted: false,
//                 },
//                 {
//                   cat_id: 445,
//                   cat_name: "茶具",
//                   cat_pid: 427,
//                   cat_level: 2,
//                   cat_deleted: false,
//                 },
//                 {
//                   cat_id: 446,
//                   cat_name: "保鲜盒子",
//                   cat_pid: 427,
//                   cat_level: 2,
//                   cat_deleted: false,
//                 },
//               ],
//             },
//             {
//               cat_id: 439,
//               cat_name: "家纺布艺",
//               cat_pid: 406,
//               cat_level: 1,
//               cat_deleted: false,
//               children: [
//                 {
//                   cat_id: 452,
//                   cat_name: "床品套件",
//                   cat_pid: 439,
//                   cat_level: 2,
//                   cat_deleted: false,
//                 },
//                 {
//                   cat_id: 454,
//                   cat_name: "毛巾被/毯",
//                   cat_pid: 439,
//                   cat_level: 2,
//                   cat_deleted: false,
//                 },
//               ],
//             },
//             {
//               cat_id: 1519,
//               cat_name: "uno",
//               cat_pid: 406,
//               cat_level: 1,
//               cat_deleted: false,
//             },
//           ],
//         },
//         {
//           cat_id: 453,
//           cat_name: "种子农资",
//           cat_pid: 0,
//           cat_level: 0,
//           cat_deleted: false,
//           children: [
//             {
//               cat_id: 458,
//               cat_name: "中式厨房",
//               cat_pid: 453,
//               cat_level: 1,
//               cat_deleted: false,
//               children: [
//                 {
//                   cat_id: 465,
//                   cat_name: "电磁dddd",
//                   cat_pid: 458,
//                   cat_level: 2,
//                   cat_deleted: false,
//                 },
//                 {
//                   cat_id: 466,
//                   cat_name: "豆浆机",
//                   cat_pid: 458,
//                   cat_level: 2,
//                   cat_deleted: false,
//                 },
//                 {
//                   cat_id: 467,
//                   cat_name: "多用途锅",
//                   cat_pid: 458,
//                   cat_level: 2,
//                   cat_deleted: false,
//                 },
//                 {
//                   cat_id: 468,
//                   cat_name: "电饼铛",
//                   cat_pid: 458,
//                   cat_level: 2,
//                   cat_deleted: false,
//                 },
//                 {
//                   cat_id: 469,
//                   cat_name: "电水壶/瓶",
//                   cat_pid: 458,
//                   cat_level: 2,
//                   cat_deleted: false,
//                 },
//               ],
//             },
//             {
//               cat_id: 473,
//               cat_name: "西式厨房",
//               cat_pid: 453,
//               cat_level: 1,
//               cat_deleted: false,
//               children: [
//                 {
//                   cat_id: 484,
//                   cat_name: "烤箱",
//                   cat_pid: 473,
//                   cat_level: 2,
//                   cat_deleted: false,
//                 },
//                 {
//                   cat_id: 486,
//                   cat_name: "料理机",
//                   cat_pid: 473,
//                   cat_level: 2,
//                   cat_deleted: false,
//                 },
//                 {
//                   cat_id: 488,
//                   cat_name: "面包机",
//                   cat_pid: 473,
//                   cat_level: 2,
//                   cat_deleted: false,
//                 },
//                 {
//                   cat_id: 489,
//                   cat_name: "空气炸锅",
//                   cat_pid: 473,
//                   cat_level: 2,
//                   cat_deleted: false,
//                 },
//                 {
//                   cat_id: 490,
//                   cat_name: "咖啡机",
//                   cat_pid: 473,
//                   cat_level: 2,
//                   cat_deleted: false,
//                 },
//                 {
//                   cat_id: 491,
//                   cat_name: "酸奶机",
//                   cat_pid: 473,
//                   cat_level: 2,
//                   cat_deleted: false,
//                 },
//                 {
//                   cat_id: 492,
//                   cat_name: "打蛋器",
//                   cat_pid: 473,
//                   cat_level: 2,
//                   cat_deleted: false,
//                 },
//                 {
//                   cat_id: 493,
//                   cat_name: "电烧烤炉",
//                   cat_pid: 473,
//                   cat_level: 2,
//                   cat_deleted: false,
//                 },
//                 {
//                   cat_id: 494,
//                   cat_name: "多士炉",
//                   cat_pid: 473,
//                   cat_level: 2,
//                   cat_deleted: false,
//                 },
//                 {
//                   cat_id: 495,
//                   cat_name: "榨汁/原汁机",
//                   cat_pid: 473,
//                   cat_level: 2,
//                   cat_deleted: false,
//                 },
//                 {
//                   cat_id: 496,
//                   cat_name: "格兰仕",
//                   cat_pid: 473,
//                   cat_level: 2,
//                   cat_deleted: false,
//                 },
//                 {
//                   cat_id: 497,
//                   cat_name: "东菱",
//                   cat_pid: 473,
//                   cat_level: 2,
//                   cat_deleted: false,
//                 },
//                 {
//                   cat_id: 498,
//                   cat_name: "松下",
//                   cat_pid: 473,
//                   cat_level: 2,
//                   cat_deleted: false,
//                 },
//                 {
//                   cat_id: 499,
//                   cat_name: "长帝",
//                   cat_pid: 473,
//                   cat_level: 2,
//                   cat_deleted: false,
//                 },
//                 {
//                   cat_id: 1509,
//                   cat_name: "3333",
//                   cat_pid: 473,
//                   cat_level: 2,
//                   cat_deleted: false,
//                 },
//               ],
//             },
//           ],
//         },
//       ],
//       }
//   },


}
</script>

<style scoped lang="scss">
.btn {
  width: 73px;
  font-size: 10px;
  margin-left: 10px;
}
.btn-dispo {
  margin-left: 30px;
}
.tree {
  margin-top: 30px;
}
.box-has{
  display: flex;
}
/deep/ .ant-form-item-control-wrapper{
  width: 100%;
}
</style>